<template>
	<view>
		<view class="plr20 ptb20">
			<view class="boxItem mb20" v-for="(item,index) in list" :key="index" @click="itemDetails(item,index)">
				<view class="flex mb20">
					<view class="name w160">隐患编号：</view>
					<view class="value">{{item.hiddenDangerCode}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">隐患简题：</view>
					<view class="value">{{item.hiddenDangerTitle}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">隐患来源：</view>
					<view class="value">{{item.hiddenDangerRourceDesc}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">评估等级：</view>
					<view class="value">{{item.hiddenDangerAssessmentLevelDesc | filterNull}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">隐患类型：</view>
					<view class="value">{{item.hiddenDangerTypeDesc}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">发现人日期：</view>
					<view class="value">{{item.hiddenDangerFindTime ? item.hiddenDangerFindTime.slice(0,11) : ''}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">发现人：</view>
					<view class="value">{{item.hiddenDangerFindUsername}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">当前环节：</view>
					<view class="value">{{item.currentStepDesc}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">当前阶段人：</view>
					<view class="value">{{item.currentStepHandleUsername}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">处理人：</view>
					<view class="value">{{item.currentStepHandleUsername}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">处理单位：</view>
					<view class="value">{{item.currentStepHandleUnitName}}</view>
				</view>
				<view class="flex mb20">
					<view class="name w160">处理时间：</view>
					<view class="value">{{item.currentStepHandleTime?item.currentStepHandleTime.slice(0,11) : ''}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			list:{
				list:Array,
				default:[]
			}
		},
		data() {
			return {

			}
		},
		methods: {
			itemDetails(val, index) {
				this.$emit('itemDetails', [val,index])
			},
		},
	}
</script>

<style>
	.boxItem {
		padding: 30rpx;
		background-color: #fff;
		box-shadow: 0 2px 4px 0 rgba(237, 237, 237, 0.50);
		border-radius: 16rpx;
		position: relative;
	}

	.name {
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #89939E;
		padding-right: 20rpx;
	}

	.value {
		flex: 1;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
	}
</style>
